<!DOCTYPE html>
<html lang="zh" class="dark">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,initial-scale=1,user-scalable=no">
    <meta name="description" content="">
    <title>${(blog.title)!} - 小文文资讯</title>
    <#include "/common/public.html"/>
    <link rel="stylesheet" type="text/css" href="/css/detail.css"/>
</head>
<body>
<div id="root">
    <#include "/common/header.html"/>
    <div style="width: 100%; height: 100%;">
        <div class="Content">
            <div class="news post-detail">
                <div class="container--3p09R post">
                    <div class="crumb--1kyPd">
                        <div>
                            <a href="/"><span class="crumb--1kyPd">首页</span></a><span class="crumb--1kyPd"> &gt; </span>
                            <a href="/?cid=${blog.categoryId}"><span
                                    class="crumb--1kyPd">${blog.categoryTitle}</span></a>
                        </div>
                    </div>
                    <div class="title--29Jni">${(blog.title)!}</div>
                    <div class="date--1R4eB">${(blog.createTime)?date}</div>
                    <div><a style="color: #fff;" href="/blog/edit/${blog.id}">编辑</a></div>
                    <article class="post-content" style="color:#fff;">
                        ${(blog.htmlContent)!}
                    </article>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    pre code.hljs {
        display: block;
        overflow-x: auto;
        padding: 1em
    }

    code.hljs {
        padding: 3px 5px
    }

    /*!
                 .hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
</style>
<script src="/js/jquery.min.js"></script>
<script src="/js/highlight.min.js"></script>
<script>
	console.log(${blog})
    $(function () {
        hljs.initHighlightingOnLoad();
        setTimeout(function () {
            hljs.initHighlightingOnLoad();
        }, 1000)
    })
</script>
</body>
</html>